<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Brand Fanz</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
	<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css">
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
	<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
    <link href="/assets/css/jquery.tagit.css" rel="stylesheet" type="text/css">
	<link href="/assets/css/tagit.ui-zendesk.css" rel="stylesheet" type="text/css">
	<link href="/assets/css/index.css" rel="stylesheet" type="text/css">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="../assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
  </head>

  <body>

    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">Brand Fanz</a>
        </div>
      </div>
    </div>

    <div class="container">
		<div id="signedOutDiv" style="display:none" class="span12">
			<div class="hero-unit" id="welcomeDiv">
				<h1>Welcome to Brand Fanz</h1>
				<p>Finding relevant Fanz for your Brand on Twitter</p>
				<p><a id="authenticateButton" class="btn btn-primary btn-large" href="resources/oauth/authenticate">Sign in &raquo;</a></p>
			</div>
		</div>

		<div id="signedInDiv" style="display:none" class="span12">
			<div class="span12" id="matchDiv">
				<img id="profilePic" style="max-height:80px; float:left"/> <span id="screenname" style="font-weight: 900"></span><br/>
				Fanz: <span id="actualFollowers"></span><br/>
				<a class="btn btn-success" href="#" onclick="location.reload();"><i class="icon-repeat"></i> Reload</a>
				<div style="text-align: right; margin-top:20px;">
					<div style="text-align: left; color: #ccc" id="searchTipDiv">I'm looking for Fanz of: (comma-seperated)</div>
					<ul id="myTags" style=""></ul>
					<p style="color: #0a0; display:none; text-align:left" id="addedP">Fanz that like '<span id="addedTerm"></span>' saved.</p>
					<p style="color: #f00; display:none; text-align:left" id="removedP">Fanz that like '<span id="removedTerm"></span>' removed.</p>
					<div style="text-align: left; color: red; display:none" id="searchErrorDiv"></div>
					<a class="btn btn-large btn-primary" id="searchButton">Search <i class="icon-spinner icon-spin" id="searchSpinner" style="display:none"></i></a>
				</div>
			</div>
			
			<div class="span12" id="followerDisplayDiv" style="border:1px solid #ccc; border-radius:10px; margin-top:10px">
				<div style="padding: 5px">
					Results
				</div>
			</div>
		</div>

    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
	<script src="/assets/js/tag-it.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="/assets/js/cookie/jquery.cookie.js"></script>
	<script type="text/javascript" src="/_ah/channel/jsapi"></script>
	<script src="/assets/js/index.js"></script>

  </body>
</html>
